<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="">
    <meta name="format-detection" content="telephone=no">
    <title>你的初恋是什么颜色？ - 壹心理</title>
    <meta name="keywords" content="你的初恋是什么颜色？">
    <meta name="description" content=":content">

    <link rel="stylesheet" href="//lapp.xinli001.com/css/index.min.css">
    <script src="//lapp.xinli001.com/jsmin/jquery-1.11.2.min.js"></script>
    <script src="//lapp.xinli001.com/jsmin/common.min.js"></script>
    <script src="//lapp.xinli001.com/jsmin/website-addons.min.js"></script>
    <script src="//lapp.xinli001.com/js/zhuge.sdk.js"></script>
    <script>
        var headerAuthUserUrl = "http://www.xinli001.com/ajax/header-auth-user-div.json";
        //设置cooperation cookie
        $(function () {
            setCooperationCookie();
        });

        function getCookie(name) {
            var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
            if (arr = document.cookie.match(reg))
                return unescape(arr[2]);
            else
                return null;
        }
        function setCooperationCookie() {
            //cookie不存在或channel值不相等都要重新设置cookie
            var channel_name = '';
            var channel_id = '';
            var urldomain = '.xinli001.com';
            var cooperation = getCookie('cooperation');
            var setcookie = false;
            if (cooperation) {
                var cookiedata = JSON.parse(cooperation);
                var old_channel_id = cookiedata.channel_id;
                if (channel_id && old_channel_id != channel_id) {
                    setcookie = true;
                } else {
                    setcookie = false;
                }
            } else {
                setcookie = true;
            }
            if (setcookie == true) {
                var url = encodeURI(window.location.href);
                var cookievalue = {"channel_id": channel_id, "url": url};
                var cookiestr = JSON.stringify(cookievalue);
                //渠道名
                if (channel_id) {
                    var domain = "domain=" + urldomain;
                    document.cookie = "cooperation=" + cookiestr + ";path=/;" + domain;
                    zhuge.track('测评_PC渠道_访问次数', {'channel_id': channel_id, 'channel_name': channel_name});
                }
            }
        }
    </script>
	<script type="text/javascript" src="js/question.js"></script>
</head>
<body>
<jsp:include page="/readColumns.htm" />

<div class="infos-wrap">

    <div class="fish-left main-left">
        <div class="mbox tshow_index">
            <div class="title bor_bot fixed">
                <p class="items fl" title="心理测试"></p>

                <div class="tinfo fl">
                    <h2>${items.name}</h2>
                    <span class="icons" title="测试人数"></span>${items.testedNum }人测试过 &nbsp;
                    <span class="icons fav" title="收藏次数"></span>${items.favNum }次收藏 &nbsp;
                    <span class="icons tdates" title="发布时间"></span><fmt:formatDate value="${items.pubTime }" pattern="YYYY年MM月DD日  hh:mm:ss" />  &nbsp;
                    <span class="icons comments" title="评论数"></span> <a href="#comments">${items.suggNum }条评论</a>&nbsp;
                    <span class="total">本测试共 <span class="fgreen fb">${items.questionNum }</span> &nbsp;题</span>
                </div>
            </div>
            <div class="ctest bor_top">当前第 <span class="fgreen fb" id="id_cur_index">1</span> &nbsp;题
                <span class="total">本测试共 <span class="fgreen fb">${items.questionNum }</span> &nbsp;题</span>
            </div>
        </div>
        <!--测试内容头部-->
        
        <form id='id_form' action="http://www.xinli001.com/ceshi/548/start" method="post" onsubmit="return false">
            <c:forEach items="${items.questionList}" var="question" varStatus="status">
                <div  class="test_contents" style="display:none" index="${status.count}" >
                    <p class="descs fb">
                        ${status.count}.${question.name }
                    </p>
                    <div class="sels_list">
                        <!--单选测试-->
                        <c:forEach  items="${question.answerList}" var="answer"  >
                            <div class="items">
                                <p class="i_top"></p>
                                <p class="i_mid">
									<span class="sels">
										<input type="radio" name="question_${answer.orderNum}" value="21540" question="9050" qid="9051" rid="0"/>
									</span>${answer.name }
                                </p>
                                <p class="i_bot"></p>
                            </div>
                        </c:forEach>
                    </div>
                </div>
            </c:forEach>



            <input type="hidden" name="choice" id="id_choice"/>

            <p class="tbtns">
                <a id="id_pre_link" style="display: none" href="javascript:void(0)" class="test_btn"
                   onclick="doprev();">上一题</a>
                &nbsp;&nbsp;
                <input id="id_show_result" style="display: none" type="submit" class="btns" value="提 交"/>
            </p>
        </form>
        <!--测试内容-->
    </div>
    <!--left-->



    <div class="fish-left main-right">
        <div class="multi_ads fixed">
            <div class="mt"><strong>编辑推荐<span class="mq">：</span><span class="ms">······ </span></strong></div>
            <dl>
                <dd>
                    <a href="http://www.xinli001.com/info/100360756?from=cheshi" title="心探社" target="_blank">
                        <img src="http://ossimg.xinli001.com/20161219/22c35b0aef597efe978b7a084dcf3030.jpg" width="135"
                             height="135" hover="true" title="心探社" alt="心探社">
                    </a>
                </dd>

                <dd>
                    <a href="http://www.xinli001.com/ceshi/99897526?from=2017" title="心理需求测评" target="_blank">
                        <img src="http://image.xinli001.com/20160805/030954q4tnzb0jb0nyq06s.jpg" width="135"
                             height="135" hover="true" title="心理需求测评" alt="心理需求测评">
                    </a>
                </dd>

                <dt>
                    <a href="http://www.xinli001.com/ceshi/99897572?from=ceshi" title="抑郁症测试" target="_blank">
                        <img src="http://ossimg.xinli001.com/20161024/16f19e49dab19387649e80eae35df090.jpg" width="280"
                             height="135" hover="true" title="抑郁症测试" alt="抑郁症测试">
                    </a>
                </dt>
                <br class="clear">
            </dl>
        </div>
        <!-- 1-->
        <div class="test_rmd_list fixed">
            <div class="st rbor"><span class="fb">爱情测试推荐 ：</span><span class="more"><a
                href="/ceshi">更多&raquo;</a></span></div>
            <dl>
                <dd>
                    <p class="pbox fl">
                        <a href="http://www.xinli001.com/ceshi/615">
                            <img src="http://ossimg.xinli001.com/20170317/0ecf1fb5266c55c6da89ffae6b6f66f4.jpg!90x60"
                                 width="90" height="60" hover="true" alt="你会错过爱你的人吗？"/>
                        </a></p>

                    <p class="tinfo fl">
                        <a href="http://www.xinli001.com/ceshi/615">你会错过爱你的人吗？</a>
                        <span class="total"><span class="icons" title="测试人数"></span>68022人测试过</span>
                    </p>
                </dd>
                <dd>
                    <p class="pbox fl">
                        <a href="http://www.xinli001.com/ceshi/548">
                            <img src="http://ossimg.xinli001.com/20170313/f6628cfe2e5eedb7567b852bc7334448.jpg!90x60"
                                 width="90" height="60" hover="true" alt="你的初恋是什么颜色？"/>
                        </a></p>

                    <p class="tinfo fl">
                        <a href="http://www.xinli001.com/ceshi/548">你的初恋是什么颜色？</a>
                        <span class="total"><span class="icons" title="测试人数"></span>45025人测试过</span>
                    </p>
                </dd>
                <dd>
                    <p class="pbox fl">
                        <a href="http://www.xinli001.com/ceshi/57">
                            <img src="http://image.xinli001.com/20160907/06331132zonf42y1akxhp9.jpg!90x60" width="90"
                                 height="60" hover="true" alt="桃花运测试：哪种颜色增加你的桃花运？"/>
                        </a></p>

                    <p class="tinfo fl">
                        <a href="http://www.xinli001.com/ceshi/57">桃花运测试：哪种颜色增加你的桃花运？</a>
                        <span class="total"><span class="icons" title="测试人数"></span>26375人测试过</span>
                    </p>
                </dd>
                <dd>
                    <p class="pbox fl">
                        <a href="http://www.xinli001.com/ceshi/186">
                            <img src="http://ossimg.xinli001.com/20170303/eefe9ff5c994502af90b5bbf6127ea50.jpg!90x60"
                                 width="90" height="60" hover="true" alt="什么样的异性和你最登对？"/>
                        </a></p>

                    <p class="tinfo fl">
                        <a href="http://www.xinli001.com/ceshi/186">什么样的异性和你最登对？</a>
                        <span class="total"><span class="icons" title="测试人数"></span>260526人测试过</span>
                    </p>
                </dd>
                <dd>
                    <p class="pbox fl">
                        <a href="http://www.xinli001.com/ceshi/65">
                            <img src="http://image.xinli001.com/20160913/0957233ndpcvp1a205go2i.jpg!90x60" width="90"
                                 height="60" hover="true" alt="你该远离哪种异性？"/>
                        </a></p>

                    <p class="tinfo fl">
                        <a href="http://www.xinli001.com/ceshi/65">你该远离哪种异性？</a>
                        <span class="total"><span class="icons" title="测试人数"></span>46875人测试过</span>
                    </p>
                </dd>
            </dl>
        </div>
        <div class="tags fixed">
            <div class="st rbor"><span class="fb">热门标签 ：</span></div>
            <ul>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%80%A7%E6%A0%BC%E6%B5%8B%E8%AF%95">性格测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E7%88%B1%E6%83%85%E6%B5%8B%E8%AF%95">爱情测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E8%83%BD%E5%8A%9B%E6%B5%8B%E8%AF%95">能力测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%BF%83%E7%90%86%E6%B5%8B%E8%AF%95">心理测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E8%B6%A3%E5%91%B3%E6%B5%8B%E8%AF%95">趣味测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E4%B8%93%E4%B8%9A%E6%B5%8B%E8%AF%95">专业测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%A7%BB%E7%BC%98%E6%B5%8B%E8%AF%95">姻缘测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%B5%8B%E8%AF%95%E7%88%B1%E6%83%85">测试爱情</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E8%81%8C%E4%B8%9A%E6%B5%8B%E8%AF%95">职业测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E9%A2%84%E8%A8%80%E6%B5%8B%E8%AF%95">预言测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E4%BC%9A%E5%91%98%E6%B5%8B%E8%AF%95">会员测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E7%88%B1%E6%83%85">爱情</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E7%BF%BB%E8%AF%91%E6%B5%8B%E8%AF%95">翻译测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E4%B8%93%E4%B8%9A%E9%87%8F%E8%A1%A8">专业量表</a>
                </li>
                <li class="fl"><a
                    href="http://www.xinli001.com/ceshi/tag?name=%E6%BD%9C%E6%84%8F%E8%AF%86%E6%B5%8B%E8%AF%95">潜意识测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%A4%96%E5%9B%BD%E6%B5%8B%E8%AF%95">外国测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%80%A7%E6%A0%BC">性格</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E8%81%8C%E5%9C%BA%E6%B5%8B%E8%AF%95">职场测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%81%A5%E5%BA%B7%E6%B5%8B%E8%AF%95">健康测试</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%BF%83%E7%90%86%E5%81%A5%E5%BA%B7">心理健康</a>
                </li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%81%8B%E7%88%B1">恋爱</a></li>
            </ul>
        </div>
        <!--标签-->
    </div>
    <!--right-->
</div>

<%@ include file="/common/include/footer.jsp" %>

<div id="background"></div>

<script src="//lapp.xinli001.com/ceshi/js/show.js"></script>
<script>
    var questionLength = 15;
    function setTestSels(ele, clickfun) {
        var items = $(ele);
        items.hover(function () {
            $(this).addClass('hover');
        }, function () {
            $(this).removeClass('hover');
        }).click(function () {
            items.removeClass('act');
            var radio = $(this).find(':radio');
            if (radio.length > 0) {
                $(this).addClass('act');
                radio.attr('checked', 'checked');
                if (clickfun) {
                    clickfun(this);
                }
            }
        });
    }
    var pre_qids = new Array();
    var cur_qids = new Array();




</script>
<script>
    var userinfoUrl = 'http://www.xinli001.com/userinfo/';
</script>

<script src="//lapp.xinli001.com/jsmin/index.min.js"></script>

<script>
    $(function () {
        setFocusSlid('#roll_sels', '#rolls_imgs', 229);
        $.get(headerAuthUserUrl, function (resp) {
            $('#header-auth-user-div').html(resp);
        });
    });
</script>


<script>
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    //document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fd64469e9d7bdbf03af6f074dffe7f9b5' type='text/javascript'%3E%3C/script%3E"));
    var _bdurl = unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fd64469e9d7bdbf03af6f074dffe7f9b5' type='text/javascript'%3E%3C/script%3E");
    document.write(_bdurl);
</script>
<script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
        a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-74218902-1', 'auto');
    ga('send', 'pageview');
</script>

</html>
